<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title>Thư Viện</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">       
        <link type="text/css" rel="stylesheet" href="css/bootstrap.css" media="all">   
        <link type="text/css" rel="stylesheet" href="css/paschino.css" media="all"> 
    </head>
    <body>

        <div class="container" style="background-image: url('img/body_background.jpg'); padding-bottom: 70px">
           <div class="offset4" >
                    <div class="nav" style="margin-right: 40px"> 
                        <div class="menu" >
                            <a class="submenu" href="#">
                                <div class="greenmenu" >
                                     <div class="menutitle" >
                                    Trang chủ 
                                </div>
                                </div>
                               
                            </a>
                        </div>
                        <div class="menu">
                            <a class="submenu" href="#">
                                <div class="orangemenu " >
                                    <div class="menutitle"  >
                                    Giới thiệu
                                </div>
                                </div>
                                
                            </a> 
                        </div>
                        <div class="menu">
                            <a class="submenu" href="#">
                                <div class="purplemenu" >
                                     <div class="menutitle"  >
                                    Menu
                                </div>
                                </div>
                               
                            </a> 
                        </div>
                        <div class="menu">
                            <a class="submenu" href="#">
                                <div class="greenmenu" >
                                       <div class="menutitle"  >
                                    Tin tức 
                                </div>
                                </div>
                             
                            </a>
                        </div>
                        <div class="menu">
                            <a class="submenu" href="#">
                                <div class="orangemenu orangemenuactive" >
                                        <div class="menutitle"  >
                                    Thư viện
                                </div>
                                </div>
                            
                            </a> 
                        </div>
                        <div class="menu">
                            <a class="submenu" href="#">
                                <div class="purplemenu" >
                                     <div class="menutitle"  >
                                    Tuyển dụng 
                                </div>
                                </div>
                               
                            </a>
                        </div>
                        <div class="menu">
                            <a class="submenu" href="#">
                                <div class="greenmenu" >
                                     <div class="menutitle"  >
                                    Liên hệ
                                </div>
                                </div>
                               
                            </a> 
                        </div>
                    </div>
                </div>

            <div class="item">

                <img class="logopaschino" src="img/logo_paschino.png">

            </div>
         


            <div class="row-fluid" style="min-height: 650px; max-height: 2000px">

                <div class="span11" style="background-color: white !important; margin-left: 48px; margin-top: 50px; padding-bottom: 20px" >
                    <div class="controls" >
                        <div class="row-fluid" style="height: 50px; background-color: #F58345">
                            <!--<label style="font-size: 30px; line-height: 50px; margin-left: 30px; color: white">Giới Thiệu</label>-->

                        </div>
                        <div class="row-fluid">
                            <div class="span12">
                                <div class="span8">
                                    <div class="item">
                                        <div class="item-image" style="max-width: 580px; min-width: 580px; margin-left: 20px; margin-top: 50px; min-height: 320px; max-height: 320px; ">

                                            <img style="max-width: 580px; min-width: 580px; min-height: 300px; max-height: 300px " src="img/tintuc.jpg">

                                        </div>
                                    </div>


                                </div>
                                <div class="span4">
                                    <div class="controls-row" style="margin-top: 70px">
                                        <label style="line-height: 26px; font-size: 26px; ">Khai Trương</label>
                                        <label>09/08/2013</label>
                                        <p style="padding-top: 20px; max-height: 200px; min-height: 200px; overflow: hidden; font-size: 13px; text-align: justify; width: 280px">
                                            Moloribu sandae rero qui officium, tectatias derion 
                                            rem erferunti occatem alit, si volor adi abor as volesci 
                                            psanihi catur, autat fugitis es abore sitat omnis nisquam quam, occat veliquiaes esecte re ist etus 
                                            cuptae rectur?
                                            Vita volorata sum dic tem volecus.
                                            Minverferum que vid mi, imagnimintia plam rem eos 
                                            quideli tisqui officidi as dolore, simusciae nonetur ad 
                                            et ped quis eum apedi ut ullaut acipsant evendebit 
                                            everum non
                                        </p>
                                    </div> 
                                </div>
                                 
                            </div>
                            <div class="row-fluid">
                            <div class="span12" >
                               <hr style="width: 900px; margin-right: auto; margin-left: auto; border-top: 1px solid; ">
                            </div>
                                </div>
                      
                                  <div class="row-fluid">
                                      <div class="span12" style="padding-bottom: 20px">
                                    <div class="span4" style="width: 290px;  margin-left: 13px">
                                        <div class="item">
                                            <img src="img/IMG_4510-1.jpg">
                                        </div>
                                    </div>
                                      <div class="span4" style="width: 290px; ">
                                        <div class="item">
                                            <img src="img/IMG_4537-1.jpg">
                                        </div>
                                    </div>
                                      <div class="span4" style="width: 290px; ">
                                        <div class="item">
                                            <img src="img/IMG_4538-1.jpg">
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                                  <div class="row-fluid">
                                <div class="span12" style="padding-bottom: 20px">
                                    <div class="span4" style="width: 290px;  margin-left: 13px">
                                        <div class="item">
                                            <img src="img/IMG_4510-1.jpg">
                                        </div>
                                    </div>
                                      <div class="span4" style="width: 290px; ">
                                        <div class="item">
                                            <img src="img/IMG_4537-1.jpg">
                                        </div>
                                    </div>
                                      <div class="span4" style="width: 290px; ">
                                        <div class="item">
                                            <img src="img/IMG_4538-1.jpg">
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                                  <div class="row-fluid">
                                <div class="span12" style="padding-bottom: 20px">
                                    <div class="span4" style="width: 290px;  margin-left: 13px">
                                        <div class="item">
                                            <img src="img/IMG_4510-1.jpg">
                                        </div>
                                    </div>
                                      <div class="span4" style="width: 290px; ">
                                        <div class="item">
                                            <img src="img/IMG_4537-1.jpg">
                                        </div>
                                    </div>
                                      <div class="span4" style="width: 290px; ">
                                        <div class="item">
                                            <img src="img/IMG_4538-1.jpg">
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/bootstrap.js"></script>
        <script type="text/javascript">
            $('.carousel').carousel({
                interval: 5000
            })
        </script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('.viewport').mouseenter(function(e) {
                    $(this).children('a').children('img').animate({height: '220', left: '0', top: '0', width: '265'}, 100);
                    $(this).children('a').children('span').fadeIn(200);

                }).mouseleave(function(e) {
                    $(this).children('a').children('img').animate({height: '220', left: '0', top: '0', width: '265'}, 100);
                    $(this).children('a').children('span').fadeOut(200);
                });
            });
        </script>
        <footer>
            <div class="container" >
                <div class="pull-left offset1" style="width: 400px; position: absolute; color: white; margin-top: 50px">
                    <label style="font-weight: bold">Địa Chỉ:</label>
                    <label>1A Hồng Hà, P.2, Q.Tân Bình, Tp.Hồ Chí Minh</label>
                    <label>Điện thoại: 0839304040</label>
                    <label>Email: admin@paschinocoffee.com</label>
                </div>
                <div class="imagefooter">
                    <img src="img/DELIVERY.png">
                </div>
                <div class="row-fluid" style="height: 200px">
                    <img style="max-height: 200px; min-height: 200px; width: 1024px" src='img/footer_orange.png'>
                </div>
                <div class="row-fluid" style="padding-top: 10px;">
                    <img style="height: 50px; width: 100%" src='img/footer.png'>
                </div>
            </div>  

        </footer>
    </body>


</html>
